<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>onlin</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="https://cdn.bootcss.com/bootstrap-table/1.12.1/bootstrap-table.css">
    <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap-table/1.12.1/bootstrap-table.js"></script>
    <link rel="stylesheet" href="online.css">
    <script src="online.js"></script>
</head>

<body>
    <div class="series">
        <!-- 面包屑 -->
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item active"><a href="online.html">停车场列表</a></li>
            </ol>
        </nav>
    </div>
    <!-- 内容 -->
    <div class="contents">
        <!-- 搜索栏 -->
        <div class="search">
            <div class="check">
                <form class="bs-example bs-example-form" role="form">
                    <form class="bs-example bs-example-form" role="form">
                        <div class="input-group">
                            <span class="input-group-addon">ID</span>
                            <input type="text" class="form-control" placeholder="name">
                        </div>
                        <div class="input-group">
                            <span class="input-group-addon">停车场编号</span>
                            <input type="text" class="form-control" placeholder="name">
                        </div>
                        <div class="input-group">
                            <span class="input-group-addon">名称</span>
                            <input type="text" class="form-control" placeholder="name">
                        </div>
                        <!-- 城市选择 -->
                        <div class="citytype input-group">
                            <span class="input-group-addon">城区</span>
                            <select id="firstcity" class="selectcity selectpicker show-tick form-control" data-width="98%" data-first-option="false"
                                title='城市' required data-live-search="true">
                               
                            </select>
                            <!-- 二级选择城区 -->
                            <select id="areancy"  class="selectpicker show-tick form-control" data-width="98%" data-first-option="false"
                                title='城区' required data-live-search="true">
                    
                            </select>
                        </div>
                        <button type="button" class="btn btn-warning btn-sm" onclick="addonline()">
                            添加非合作车场 <span class="glyphicon glyphicon-pencil"></span>
                        </button>
                        <div class="input-group">
                            <span class="input-group-addon">是否收费</span>
                            <select name="dealer_id" id="dealer_id" class="selectpicker show-tick form-control" data-width="98%" data-first-option="false"
                                title='广告图片导航类型' required data-live-search="true">
                                <option value="${dealer.id?c}">是</option>
                                <option value="${dealer.id?c}">否</option>
                            </select>
                        </div>
                        <div class="input-group">
                            <span class="input-group-addon">是否合作</span>
                            <select name="dealer_id" id="dealer_id" class="selectpicker show-tick form-control" data-width="98%" data-first-option="false"
                                title='广告图片导航类型' required data-live-search="true">
                                <option value="${dealer.id?c}">是</option>
                                <option value="${dealer.id?c}">否</option>
                            </select>
                        </div>
                        <div class="input-group">
                            <span class="input-group-addon">所属添加商户手机</span>
                            <input type="text" class="form-control" placeholder="name">
                        </div>
                        <div class="input-group">
                            <span class="input-group-addon">所属分享用户手机</span>
                            <input type="text" class="form-control" placeholder="name">
                        </div>
                        <!-- 新增 -->
                        <button type="button" class="btn btn-warning btn-sm">
                            搜索 <span class="glyphicon glyphicon-search"></span>
                        </button>
                       
                    </form>
            </div>
            <table class="table table-bordered table-hover" id="onlinetable">
                <!-- <thead>
                    <tr>
                        <th scope="col">ID</th>
                        <th scope="col">名称</th>
                        <th scope="col">地址</th>
                        <th scope="col">停车场类型</th>
                        <th scope="col">是否收费</th>
                        <th scope="col">状态</th>
                        <th scope="col">操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <th scope="row">1108</th>
                        <td>佳圆大厦地下停车场</td>
                        <td>柳州市鱼峰区柳州市计量技术测试研究所</td>
                        <td>路边</td>
                        <td>不收费</td>
                        <td><img src="../../../images/success.png" alt="52嗨停" id="img" data-toggle="modal" data-target="#myModal"></td>
                        <td><a onclick="detailsonline()">详情 </a><a onclick="editonline()"> 编辑</a></td>
                    </tr>
                    <tr>
                        <th scope="row">1108</th>
                        <td>佳圆大厦地下停车场</td>
                        <td>柳州市鱼峰区柳州市计量技术测试研究所</td>
                        <td>路边</td>
                        <td>不收费</td>
                        <td><img src="../../../images/success.png" alt="52嗨停" id="img" data-toggle="modal" data-target="#myModal"></td>
                        <td><a onclick="detailsonline()">详情 </a><a onclick="editonline()"> 编辑</a></td>
                    </tr>
                </tbody> -->
            </table>
        </div>
        <!-- 详情 -->
        <div class="detailsonline">
            <form>
                <div id="myCarousel" class="carousel slide">
                    <!-- 轮播（Carousel）项目 -->
                    <div class="carousel-inner">
                        <div class="item active">
                            <img src="../../../images/car_.jpg" alt="First slide">
                        </div>
                        <div class="item">
                            <img src="../../../images/car_.jpg" alt="Second slide">
                        </div>
                        <div class="item">
                            <img src="../../../images/car_.jpg" alt="Third slide">
                        </div>
                    </div>
                    <!-- 轮播（Carousel）导航 -->
                    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    </a>
                    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    </a>
                </div>
                <!-- 查询页面 -->
                <ul class="list-group">
                    <li class="list-group-item"> ID：
                        <p>1102</p>
                    </li>
                    <li class="list-group-item"> 名称：
                        <p>佳圆大厦地下停车场</p>
                    </li>
                    <li class="list-group-item">地址：
                        <p>佳圆大厦地下停车场</p>
                    </li>
                    <li class="list-group-item">停车场类型：
                        <p>路边</p>
                    </li>
                    <li class="list-group-item">是否收费：
                        <p>是</p>
                    </li>
                    <li class="list-group-item">总车位数：
                        <p>66</p>
                    </li>
                    <li class="list-group-item">当前空闲车位数：
                        <p>66</p>
                    </li>
                    <li class="list-group-item">联系电话：
                        <p>15577209917</p>
                    </li>
                    <li class="list-group-item">经营者全称：
                        <p>李星</p>
                    </li>
                </ul>
                <ul class="list-group">
                    <li class="list-group-item">添加时间：
                        <p>2018-05-25 09:36:30</p>
                    </li>
                    <li class="list-group-item">停车场编号：
                        <p>1102</p>
                    </li>
                    <li class="list-group-item">经营者手机：
                        <p>15577209917</p>
                    </li>
                    <li class="list-group-item">经营时间：
                        <p>2018-05-25 09:36:30</p>
                    </li>
                    <li class="list-group-item">收费信息：
                        <p>三个小时以内5元，超过三个小时10元</p>
                    </li>
                    <li class="list-group-item">简介：
                        <p>无</p>
                    </li>
                    <li class="list-group-item">评分总数：
                        <p>0</p>
                    </li>
                    <li class="list-group-item">评分次数：
                        <p>0</p>
                    </li>
                </ul>
                <button class="btn btn-primary" onclick="backonline()">返回</button>
            </form>
        </div>
        <!-- 编辑 -->
        <div class="editonline">
            <form role="form">
                <div class="form-group">
                    <span>*</span><label for="usr"> 城 区 :</label>
                    <select id="firstcity" onChange="changeCity()" name="dealer_id" class="selectpicker show-tick form-control" data-width="98%" data-first-option="false"
                    title='城区' required data-live-search="true">
                        <option selected="selected">柳州市</option>
                        <option>南宁市</option>
                    </select>
                    <!-- 二级选择城区 -->
                    <select id="secondcity" name="dealer_id" class="selectpicker show-tick form-control" data-width="98%" data-first-option="false"
                    title='城区' required data-live-search="true">
                        <option>柳北区</option>
                        <option selected="selected">鱼峰区</option>
                    </select>
                    <span>*</span><label for="usr"> 停 车 场 类 型 :</label>
                    <select name="dealer_id" id="dealer_id" class="selectpicker show-tick form-control" data-width="98%" data-first-option="false"
                    title='停车场类型' required data-live-search="true">
                        <option selected="selected">室内</option>
                        <option>室外</option>
                        <option>路边</option>
                    </select>
                    <span>*</span><label for="usr"> 是 否 收 费 :</label>
                    <select name="dealer_id" id="dealer_id" class="selectpicker show-tick form-control" data-width="98%" data-first-option="false"
                    title='是否收费' required data-live-search="true"> 
                        <option>是</option>
                        <option>否</option>
                    </select>
                    <span>*</span><label for="usr"> 名 称 :</label>
                    <input type="text" class="form-control" id="usr" value="测试">
                    <span>*</span><label for="usr"> 地 址 :</label>
                    <input type="text" class="form-control" id="usr" value="柳州市鱼峰区柳州市计量技术测试研究所">
                </div>
                    <div class="form-group">
                    <button type="button" class="btn btn-default">填写</button>
                    <button type="button" class="btn btn-default">保存</button>
                    <button type="button" class="btn btn-default" onclick="backonline()">返回</button>
                </div>
            </form>
        </div>
        <!-- 添加 -->
        <div class="addonline">
            <form role="form">
                <div class="form-group">
                    <span>*</span><label for="usr"> 城 区 :</label>
                    <select id="firstcity" onChange="changeCity()" name="dealer_id" class="selectpicker show-tick form-control" data-width="98%" data-first-option="false"
                    title='城区' required data-live-search="true">
                        <option selected="selected">柳州市</option>
                        <option>南宁市</option>
                    </select>
                    <!-- 二级选择城区 -->
                    <select id="secondcity" name="dealer_id" class="selectpicker show-tick form-control" data-width="98%" data-first-option="false"
                    title='城区' required data-live-search="true">
                        <option>柳北区</option>
                        <option selected="selected">鱼峰区</option>
                    </select>
                    <span>*</span><label for="usr"> 停 车 场 类 型 :</label>
                    <select name="dealer_id" id="dealer_id" class="selectpicker show-tick form-control" data-width="98%" data-first-option="false"
                    title='停车场类型' required data-live-search="true">
                        <option selected="selected">室内</option>
                        <option>室外</option>
                        <option>路边</option>
                    </select>
                    <span>*</span><label for="usr"> 是 否 收 费 :</label>
                    <select name="dealer_id" id="dealer_id" class="selectpicker show-tick form-control" data-width="98%" data-first-option="false"
                    title='是否收费' required data-live-search="true"> 
                        <option>是</option>
                        <option>否</option>
                    </select>
                    <span>*</span><label for="usr"> 名 称 :</label>
                    <input type="text" class="form-control" id="usr" placeholder="测试">
                    <span>*</span><label for="usr"> 地 址 :</label>
                    <input type="text" class="form-control" id="usr" placeholder="柳州市鱼峰区柳州市计量技术测试研究所">
                </div>
                    <div class="form-group">
                    <button type="button" class="btn btn-default">填写</button>
                    <button type="button" class="btn btn-default">保存</button>
                    <button type="button" class="btn btn-default" onclick="backonline()">返回</button>
                </div>
            </form>
        </div>
        <!-- 模态框 -->
        <!-- 模态框（Modal） -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="myModalLabel">
                            admin.52carlife.com显示
                        </h4>
                    </div>
                    <div class="modal-body">
                        <span id="modal-input">确认停用</span>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                        </button>
                        <button type="button" class="btn btn-primary" onclick="changeStata()">
                            提交更改
                        </button>
                    </div>
                </div>
            </div>
        </div>
</body>

</html>